<!DOCTYPE html>
<html lang="">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
  <title>
    <%= htmlWebpackPlugin.options.title %>
  </title>
  <meta name="description" content="anlin(胡占林)的个人项目,从基本的脚手架开发直到完成整个项目,项目有基本的企业项目初貌,也可以直接用来改造成企业级项目,目前支持开源" />
  <meta name="keywords" content="anlin, 项目, 个人, 胡占林, 前端开发, 程序员, 全栈, 2021" />
  <meta name="robots" content="All" />
  <meta name="author" content="胡占林，499353159@qq.com" />
  <script src="https://at.alicdn.com/t/font_2342723_oi0vw83r32.js"></script>
  <style type="text/css">
    .icon {
      width: 1em;
      height: 1em;
      vertical-align: -0.15em;
      fill: currentColor;
      overflow: hidden;
    }
  </style>
  <link rel="stylesheet" href="./index.css">
</head>

<body style="--tmColor: #006699">
  <h1 class="hidden">anlin的个人项目</h1>
  <h1 class="hidden">胡占林的个人项目</h1>
  <h1 class="hidden">anlin</h1>
  <h1 class="hidden">项目</h1>
  <h1 class="hidden">个人</h1>
  <h1 class="hidden">胡占林</h1>
  <h1 class="hidden">前端开发</h1>
  <h1 class="hidden">程序员</h1>
  <h1 class="hidden">全栈</h1>
  <h1 class="hidden">2021</h1>
  <div id="html" style="display: none;">
    <div class="marquee-wp">
      <marquee id="marquee" class="marquee" onMouseOut=this.start() onMouseOver=this.stop() align="absmiddle" behavior="scroll">
        <svg class="icon" aria-hidden="true">
          <use xlink:href="#iczidongdazhaohu"></use>
        </svg>
        <span>欢迎来到我的个人项目,同时也希望更多的朋友和我一起交流,成为朋友.如果您点击这里,我将会带领您浏览更多精彩内容.</span>
      </marquee>
    </div>
    <div class="project">
      <h1>基本成型的个人项目</h1>
      <h2>基于vue-cli/element-ui搭建的个人项目</h2>
      <div class="li">
        <h3>前端项目特色：</h3>
        <h4>1. 从阿里巴巴矢量图标库引入symbol色彩图标</h4>
        <h4>2. axios作为异步请求工具(使用了axios拦截器)</h4>
        <h4>3. 路由导航守卫请求和拦截</h4>
        <h4>4. 开启https安全证书</h4>
        <h4>5. 使用nprogress做加载进度条</h4>
        <h4>6. 使用esh4nt做代码规范检查</h4>
        <h4>7. 封装颗粒化操作本地缓存的类</h4>
        <h4>8. 封装动态改变element-ui主题颜色的工具函数</h4>
        <h4>9. 以数据驱动为核心,二次封装element-ui的部分组件</h4>
        <h4>10. 封装无线层级的导航菜单</h4>
        <h4>11. 使用类以继承的方式包装api方法</h4>
      </div>
    </div>
    <br />
    <hr />
    <hr />
    <br />
    <div class="introduce">
      <h2>自我介绍</h2>
      <h4>前端工程师一枚,2年开发工作经验。</h4>
      <h4>开发方向:vue/element/node</h4>
      <h4>有着一年以上中后台开发/中大等复杂业务工作经验</h4>
      <h4>开发项目有huzhanlin.cn(个人开发) -> qiye.wlyuan.com.cn(部分系统开发) -> **.com.cn(中后台权限/租户系统)</h4>
      <h4>在这里向程序员前辈们拱手致敬,同时希望前辈们多多指导。</h4>
      <h4>也希望正在向程序员方向进军的伙伴们一起拼搏，一起努力。</h4>
      <h6>作者：胡占林(anlin),留话于2021年1月22日晚上22点07分。(今天是公司举办年会的一天,是很有纪念意义的一天)</h6>
    </div>
    <br />
    <hr />
    <hr />
    <br />
    <div class="life">
      <h1>生活影照流年记忆</h1>
      <div class="img-wrapper">
        <div class="img">
          <img class="mobel-img" src="https://hzlablum.oss-cn-guangzhou.aliyuncs.com/hzlablum/2021-01-22-c.jpg" alt="">
        </div>
        <div class="img-text">
          <span class="company">长沙南科技有限公司</span>
          <span class="address">2021/01/22</span>
        </div>
      </div>
    </div>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
          Please enable it to continue.</strong>
    </noscript>
  </div>
  <div id="page" style="display: block;">
    <div id="app"></div>
  </div>
  <!-- built files will be auto injected -->

  <script src="./index.js"></script>
</body>

</html>